<template>
	<div style="background-color: #000;">
	    <div class="product-box">
			<image src="@/static/img/blur.png" mode="heightFix" class="bg-product"></image>
			<slot name="content"></slot>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss">
	.product-box {
		   // background-color:;
		   display: inline-flex;
		   position: relative;
		   border-radius: 2.13vw;
		   padding: 4.27vw;
		   height: 65.6vw;
		   width: 43.47vw;
		   // margin-right: 2.4vw;
		   // margin-top: 2.4vw;
		   z-index: 2;
		   overflow: hidden;
		   .bg-product {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			filter: blur(0px) brightness(20%) opacity(0.9);
			z-index: -1;
			display: block;
		   }
	  }
</style>
